<template>
  <demoBlock title="垂直滚动"  class="demo-notice-bar">
    <vcu-notice-bar left-icon="notification" :scrollable="false">
      <vcu-swipe
        vertical
        class="notice-swipe"
        :autoplay="3000"
        :show-indicators="false"
      >
        <vcu-swipe-item>content 1</vcu-swipe-item>
        <vcu-swipe-item>content 2</vcu-swipe-item>
        <vcu-swipe-item>content 3</vcu-swipe-item>
      </vcu-swipe>
    </vcu-notice-bar>
  </demoBlock>
</template>
<style lang="less">
.demo-notice-bar {
  .notice-swipe {
    height: 40px;
    line-height: 40px;
  }
}
</style>
